<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="tableau.css" />

<style type="text/css">
#colonneGauche {
	float: left;
	width: 90%;
	margin-top: 20px;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 18px;
	padding-bottom: 20px;
	
}

#fieldsetGauche {
	width: 90%;
	border: 1px solid #ACC3FF;
	border-radius: 10px 10px 10px 10px;
	padding-left: 20px;
}
 table{
	border-radius: 10px;
}

#colonneDroite {
	float: right;
	width: 90%;
	margin-top: 70px;
	padding-right: 20px;
	margin-right: 10px;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 20px;
}

fieldset{
border-radius: 10px;
}

#fieldsetDroit {
	width: 90%;
	border: 1px solid #ACC3FF;
	border-radius: 10px 10px 10px 10px;
	padding-left: 20px;
	
}

#liens a{
	color: blue;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 18px;
	margin-top: 30px;
	
}
#liens{
	text-align: center;
	height: 90%;
	
}
</style>


</head>
<body>
	<div id="tout">
		<div id="header">
			<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>


		</div>
		<div style="clear: both;"></div>
		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">
			<ul id="menu">

				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>
			<div id="milieux">
				<div id="centre">
					<h:form id="formulaireGeneration" method="post" action="">
						<!-- 	///////////////////////////////////////////////recherche référents///////////////////////////  -->
						<div id="divRecherche">
							<fieldset id="recherche">
								<legend>
									<b>Calcul quotient familial</b>
								</legend>

								<table>
									<tr>
										<td><label>Revenu :</label></td>
										<td style="width: 70px;"><h:outputLabel
												value="#{beanInsFamille.revenu}" /></td>
										<td><label>Nb Parts :</label></td>
										<td style="width: 70px;"><h:outputLabel
												value="#{beanInsFamille.nbPart}" /></td>
										<td><label>Quotient familial :</label></td>
										<td style="width: 70px;"><h:outputLabel
												value="#{beanInsFamille.qf}" /></td>
									</tr>
								</table>

							</fieldset>

							<!-- 			/////////////////////////////////////////////////////////////Résultats///////////////////////////////////////////// -->
							<fieldset id="fieldSetResultat">
								<legend>
									<b>Simulation</b>
								</legend>

								<div class="datagrid">
									<table>
										<thead>
											<tr>
												<th>Activité</th>
												<th>Nb jours</th>
												<th>Tarif</th>
												<th>Total</th>
											</tr>
										</thead>

										<tbody>
											<tr>
												<td>Accueil matin</td>
												<td><h:outputLabel value="#{beanInsFamille.nbjMatin}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.tarifMatinString}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.montantMatin}" /></td>
											</tr>
											<tr>
												<td>Repas</td>
												<td><h:outputLabel value="#{beanInsFamille.nbjCant}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.tarifCantString}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.montantCantine}" /></td>
											</tr>

											<tr>
												<td>Accueil soir</td>
												<td><h:outputLabel value="#{beanInsFamille.nbjSoir}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.tarifSoitrString}" /></td>
												<td><h:outputLabel
														value="#{beanInsFamille.montantSoir}" /></td>
											</tr>

											<tr>
												<td>Nombre total de jours</td>
												<td><h:outputLabel
														value="#{beanInsFamille.nbJoursTotal}" /></td>

											</tr>
											<tr>
												<td>Montant Total de la simulation</td>
												<td><h:outputLabel
														value="#{beanInsFamille.montantTotalSimule}" /></td>
											</tr>

										</tbody>
									</table>
								</div>
							</fieldset>

						</div>
					</h:form>
					<!-- 	///////////////////////////////////////////////Editer le devis///////////////////////////  -->
					<div id="divGenerer">
						<fieldset id="fieldSetGenerer" style="text-align: center;">
							<legend>
								<b>Edition de resultat</b>
							</legend>
								
								<a href="#">Editer le devis</a>
								<a href="inscriptions.xhtml"   style="margin-left: 10px;">Retour aux inscriptions</a>	
								
						</fieldset>
					</div>
				</div>

				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>
</body>
</html>
